﻿/* >> The Magnificent CLEARFIX << */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}

/*
	Primary Styles
 */
html {
	background: #fff;
	overflow: hidden !important;
	}
body {
	font-family: verdana, tahoma, arial, sans-serif; font-size: 13px;
	width: 500px;
	margin: 0 auto; padding: 0 10px;
	overflow: hidden;
	}
body, select, input, textarea {color: #444;}
a:link,
a:visited {
	color: #2B4A6F;
	text-decoration: none;
	}
a:hover {text-decoration: underline;}
h1 {font-size: 28px; color: #0E53A7;}
h2 {font-size: 18px; color: #0E53A7;}
h3 {font-size: 14px; color: #0E53A7; margin: 2em 0 5px;}

/* template */
#breadcrumb {
    float: right;
    font-size: 11px; font-weight: bold;
    }
section.example {
    background: #D3E4F9;
    margin: 0 0 10px; padding: 10px;
    border: 1px dotted #022A59;
    }
	section.example ul {margin-left: 2em;}
label,
input.button {
    display: block;
    margin: 10px 0 5px;
    }
textarea {
    width: 400px; height: 100px;
    padding: 3px;
    }

/* page-specific */
.table-of-contents {
    margin: 0 -10px 0 0;
    overflow: auto;
    }
    .table-of-contents > li {
        float: left;
        list-style: none;
        background: #D3E4F9;
        width: 218px;
        margin: 0 10px 10px 0;
        border: 1px dotted #022A59;
        }
        .table-of-contents > li > a {
            display: block;
            line-height: 50px;
            height: 50px;
            padding: 10px;
            text-align: center;
            }

/* FeedPublish - To Friend Wall (Multi-Friend Modal Style) */
#fbms-modal-o {
	display: none;
	position: absolute; top: 150px; left: 78px;
    background: rgba(82, 82, 82, 0.699219);
    width: 604px;
    padding: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
	
	#fbms-modal-i {
		background: #F7F7F7;
		padding: 10px 9px 10px 12px;
		color: #999;
		}
		
		#fbms-modal-i a {
			color: #3b5998;
			-moz-outline-style: none;
			cursor: pointer;
			}
			
		#fbms-modal-i p {
			margin: 0;
			padding: 0 0 10px; border-bottom: 1px solid #E0E0E0;
			}
		
		/* fields and buttons */
		.fbms-input-text {
			padding: 4px 3px 5px; border: 1px solid #BDC7D8;
			font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; color: #777;
			margin: 0; *margin: -1px 0;
			}
		.fbms-button {
			float: left; display: inline;
			background: #3B5998; 
			font-size: 13px; color: #FFF;
			padding: 2px 15px 3px 15px; border-style: solid; border-width: 1px; border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
			*width: 1;
			*overflow: visible;
			*padding: 2px 15px;
			}
		a.fbms-submit {color: #FFF;}
			
		/* skip */
		.fbms-cancel {
			border-color: #E7E7E7 #666 #666 #E7E7E7;
			background: #F0F0F0;
			color: #000 !important;
			}
		#fbms-cancel-top {
			float: right;
			margin: -5px 0 0;
			clear: both;
			}

		/* inline errors */
		#fbms-modal-i #fbms-notifications {
			display: none;
			color: #D3312F;
			padding-bottom: 20px;
			border: none;
			}
			
		/* autocomplete search box */
		#fbms-search {
			margin: 8px 0 7px;
			padding-left: 17px;
			width: 318px;
			background: #FFF url(/areas/facebookapp/images/fb/sprite.png) 0 6px no-repeat;
			}
				
		/* message box */
		#fbms-message {
			margin: 0 0 11px;
			width: 575px;
			}

		/* friends list */
		#friends-o {
			height: 300px;
			border: 1px solid #C1C1C1;
			background: #FFF;
			overflow: auto;
			}
			
			ul#friends {
				margin: 0;
				padding: 5px 0 0 5px; 
				z-index: 1;
				}
				ul#friends li {
					float: left; display: inline;
					list-style: none;
					overflow: hidden;
					}
				
					ul#friends a {
						display: block;
						margin: 0 5px 5px 0;
						padding: 4px;
						width: 126px; height: 56px;
						color: #444;
						}
					ul#friends a:hover {background: transparent url(/areas/facebookapp/images/fb/select-hover.gif) 0 0 no-repeat;}
						
						ul#friends a div.fbms-friend-picture {
							position: relative; float: left; display: block;
							margin: 0 5px 0 0;
							padding: 2px; border: 1px solid #E0E0E0;
							width: 50px; height: 50px;
							background: #FFF;
							*position: static;
							}
						ul#friends a:hover div.fbms-friend-picture {border-color: #205C98;}
						ul#friends a div.fbms-friend-name {
							float: left;
							font-size: .9em;
							width: 65px;
							overflow: hidden;
							}

					ul#friends .fbms-selected a {
						background: transparent url(/areas/facebookapp/images/fb/blue-bg.gif) 0 0 no-repeat;
						color: #FFF;
						}
						ul#friends .fbms-selected a .fbms-friend-picture {border-color: #E0E0E0;}

		/* buttons */
		#fbms-modal-i ul.fbms-buttons {margin: 10px 0 0;}
			#fbms-modal-i ul.fbms-buttons li {list-style: none;}
			.ie7 #fbms-modal-i ul.fbms-buttons li {display: inline;}
				
				#fbms-modal-i ul.fbms-buttons a,
				#fbms-modal-i ul.fbms-buttons input {margin: 0 5px 0 0;}
